@bgColor: #F2F2F2;  // 背景色


*{
    margin: 0px;
    padding: 0px;
}


.OrderSet{
    // .banner-search{
    //     width: 100%;
    //     height: 560px;
    //     background-color: #FFFFFF;
    //     border: 1px solid @bgColor;
    //     display: flex;
    //     flex-wrap: wrap;
    //     justify-content: center;
    //     // margin-top: 0px;
    // }
    
    // //筛选查询
    // .banner-query{
    //     width: 100%;
    //     height: 45px;
    //     background-color: @bgColor;
    //     p{
    //         width: 70px;
    //         line-height: 45px;
    //         margin-left: 15px;
    //         font-size: 16px;
    //         color: #676262;
    //     }
    // }
    
    .page-context{
        background-color: #FAFAFA;
        height: 440px;

        .orderset_content{
            margin: 18px auto;
            .content_box{
                width: 700px;
                height: 410px;
                margin: 10px auto;
                // border: 1px solid red;

                .space{
                    width: 100%;
                    height: 45px;
                    // border: 1px solid red;
                    margin-top: 20px;

                    .span-span{
                        // background-color: #409eff;
                        width: 200px;
                        text-align: right;
                    }

                    .span-span1{
                        // background-color: #409eff;
                        width: 200px;
                    }

                    .input{
                        // background-color: #e29a15;
                        width: 230px;
                        text-align: center;
                    }
                    .icon{
                        color: red;
                    }
                }
            
            }
            .submit_btn{
                // border: 1px solid red;
                text-align: center;
                width: 300px;
                margin: 20px auto;
                // margin-left: -10px;
                .submit{
                    width: 130px;
                }
            }
        }
    }
    
    // .banner-list-input{
    //     width: 100%;
    //     height: 75%;
    //     // border: 1px solid red;
    //     display: flex;
    //     flex-wrap: wrap;
    //     justify-content: center;
    
    //     div{
    //         width: 98%;
    //         height: 50px;
    //         text-align: center;
    //         // border: 1px solid red;
    //         display: flex;
    //         flex-wrap: wrap;
    //         justify-content: center;
    //         margin-top: 20px;
    //         // line-height: 60px;
    //         .ant-input-group-wrapper{
    //             width: 180px;
    //             text-align: center;
    //             margin: 8px 15px;
    //             padding: 4px 0px;
    //         }
    
    //         p{
    //             width: 40%;
    //             height: 50px;
    //             line-height: 50px;
    
    //             span{
    //                 color: red;
    //             }
    //         }
    
    //         .p-left{
    //             text-align: right;
    //         }
    
    //         .p-right{
    //             text-align: left;
    //         }
    //     }
    // }
    
    .div-button{
        height: 60px;
        margin-top: 15px;
    
        button{
            width: 100px;
            height: 40px;
            border-radius: 5px;
            border: 1px solid #409eff;
            background-color: #409eff;
            color: #fff;
            
            &:hover{
                background-color: #66B1FF;
            }
        }
    }
}

